#Homepage{

    -fx-background-radius: 3px;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
    -fx-border-color: rgb(180, 180, 180);
    -fx-background-color: white;

}
#quit1 {
    -fx-background-image: url("Image/quit2.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit1:hover {
    -fx-background-image: url("Image/quit1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit1:pressed {
    -fx-background-image: url("Image/quit1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#minimiser1 {

    -fx-background-image: url("Image/minimiser2.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#minimiser1:hover {

    -fx-background-image: url("Image/minimiser.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#minimiser1:pressed {
    -fx-background-image: url("Image/minimiser2.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}
#background,#background:hover,#background:focused{

    -fx-border-width: 1px;
    -fx-border-color: rgb(180,180,180);
    -fx-background-radius: 2px;
    -fx-border-radius: 2px;
    -fx-background-size: 598px 598px;
    -fx-background-image: url("Image/head1/head10.jpg");
    -fx-background-position: center center;

}
#head,#head:hover,#head:pressed,#head:focused{

    -fx-border-width: 1px;
    -fx-border-color: transparent;
    -fx-background-radius: 65px;
    -fx-border-radius: 65px;
    -fx-background-size: 130px 130px;
    -fx-background-image: url("Image/head/head10.jpg");
    -fx-background-position: center center;
    -fx-background-color:transparent;
}

#label,#label:hover,#label:focused{
    -fx-border-color: white;
    -fx-background-radius: 0;
}
#name,#age,#address,#sex,#phone
{
    -fx-background-radius: 0px;
    -fx-border-color:white;
    -fx-background-color: white;
}
#age{

    -fx-background-image: url("Image/age.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}
#name{

    -fx-background-image: url("Image/name.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}
#address
{
    -fx-background-image: url("Image/address.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}
#sex
{

    -fx-background-image: url("Image/sex.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}
#phone{
    -fx-background-image: url("Image/phone.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}
#name:hover,#age:hover,#sex:hover,#address:hover,#phone:hover
{
    -fx-background-radius: 0px;
    -fx-border-color:white;
    -fx-background-color: white;
}
#name:focused,#age:focused,#sex:focused,#address:focused,#phone:focused
{

    -fx-background-radius: 0px;
     -fx-border-color:white;
   -fx-background-color: white;
}
#information
{
    -fx-background-radius: 3px;
    -fx-background-color: white;
    -fx-border-color: rgb(180,180,180);
    -fx-border-width: 1px;

}
#alter{

    -fx-background-image: url("Image/alter.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center;
    -fx-background-color: deepskyblue;
    -fx-background-radius: 30px;
    -fx-background-size: 30px 30px;
    -fx-border-style: none;
    -fx-cursor: hand;

}
#alter:hover{

    -fx-background-color:skyblue;


}
#alter:pressed{
    -fx-background-color: deepskyblue;
}